/*
 * Styles for #chart div
 */
@import "mo-style-variables";

#chart {
  z-index: 0;
  position: absolute;
  bottom: 45px;
  right: 40px;
  height:200px;
  vertical-align: bottom;
  display: inline-block;

  .barChart {
    position: relative;
    height:100%;
    display: block;
    vertical-align: bottom;
    float:right;
    text-align: center;
    padding:0;
    margin:10px;
    width:100px;
  }

  .barChartBar {
    position: absolute;
    bottom:40px;
    width:100px;
    background-color: red;
    color:$core-white;
  }

  .barChartLabel {
    position:absolute;
    left:0px;
    width:100px;
    font-size:11px;
    color: $winter-grey;
  }

}

@media (max-width: 750px) {
  #chart {
    display: none;
  }
}